<template>
    <ul class="infoList">
        <li>
            <label>地块编号</label>
            <p>{{detail.farmLandId}}</p>
        </li>
        <li>
            <label>地块质地</label>
            <p>{{detail.geologyName}}</p>
        </li>
        <li>
            <label>地块分组</label>
            <p>{{detail.groupName}}</p>
        </li>
        <li>
            <label>地块名称</label>
            <p>{{detail.farmLandName}}</p>
        </li>
        <li>
            <label>测算面积</label>
            <p>{{detail.mapAreaSize}}</p>
        </li>
        <li>
            <label>地块面积</label>
            <p>{{detail.areaSize}}</p>
        </li>
        <li>
            <label>所属区域</label>
            <p>{{detail.locationAddress}}</p>
        </li>
        <li>
            <label>地块权属</label>
            <p>{{detail.landBelong}}</p>
        </li>
        <li>
            <label>创建人</label>
            <p>{{detail.userName}}</p>
        </li>
        <li>
            <label>创建时间</label>
            <p>{{detail.createTime}}</p>
        </li>
        <li>
            <label>备注</label>
            <p>{{detail.landRemark}}</p>
        </li>
    </ul>
</template>

<script setup>
import {ref} from "vue"
const props = defineProps({
    detail:{
        type:Object,
        default:{}
    }
})
</script>

<style lang="scss" scoped>
.infoList{
    list-style: none;
    width: 100%;
    padding: 15px 0 0 0;
    margin: 0;
    
    li{
        display: flex;
        //height: 30px;
        //line-height: 30px;
       // align-items: center;
        line-height: normal;
        padding: 8px 0;
        font-size: 12px;
        label{
            width: 70px;
        }
        p{
            font-size: 12px;
            padding: 0;
            margin: 0;
            flex: 1;
            text-align: right;
        }
    }
}
</style>